function MyComponent({ condition }) {
  const [data, setData] = useState(null);
  useEffect(() => {
    if (condition) { 
      // 条件判断在 Hook 内部console.log('Condition is true, performing effect.');
      // ... 执行副作用
      return () => {
        console.log('Cleaning up effect because condition was true.');
        // ... 清理
      };
    }
    // 如果 condition 为 false，这个 effect 的 setup 和 cleanup 都不会执行
  }, [condition]); // 依赖项
  return <div>{data ? data : 'Loading...'}</div>;
}